<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>

    /* 
    1 在前端网页中使用的时候 一般  看一下 该功能在当前浏览器中是否支持 
      能力检测 
      navigator 导航 对象 里面存放关于定位相关的 对象属性
      geolocation 地理位置 经纬度 
    2 调用中 获取当前位置的代码 异步 getCurrentPosition
      getCurrentPosition(成功的回调函数,失败的回调函数,可以忽略-配置信息{高精度的方式获取地理信息})
      1 向我们浏览器的厂商发送一个内部的请求 假如 谷歌的 
        在国内 无法访问谷歌的一些 服务 因此我们使用谷歌浏览器去测试的话 容易失败 
      2 火狐 
      3 国内没有自己的浏览器 ! 
      
     */
      const geolocation=window.navigator.geolocation;
     if(geolocation){
      //  console.log("支持");
      geolocation.getCurrentPosition(
        function (success) {
        console.log("success");
        console.log(success);
      },function (error) {
        console.log("error");
        console.log(error);
      })
     }else{
      //  console.log("不支持");
     }

  </script>
</body>
</html>